// 设备检测模块
import React from 'react'
import '../css/coretask.less';
import {Link} from 'react-router-dom';

class CourseSection extends React.Component {
  // 初始化加载钩子
  componentDidMount( ) {
  }


  render () {
    return (
        <div className="delposition">
          <div className="equipmentOut">
            <div className="novicetsakbg">
              <p className="labeClass">
                  单元小节
              </p>
            </div>
            {/* 课节数 */}
            <p className="labeTitle CourseSectionTitle">{this.props.status.classinfo.summaryTabVo.lesson}</p>
            <p className="equiloading">
              共<i>{this.props.status.classinfo.summaryTabVo.classNumber} </i>节&nbsp;&nbsp;
              <b> &nbsp;获得奖励</b>
            </p>
            {/* 奖励的图标 */}
            <div className="starsimg">
              <p className="medals">
               <img src={require('../../../images/starts.jpg')} alt="medals" />  
               <span className="pull"> x</span>
               <span className="medalsnumber"> 3</span>
              </p>
              <p className="stars">
              <img src={require('../../../images/reward.jpg')} alt="stars" />  
               <span className="pull"> x</span>
               <span className="medalsnumber"> 4</span>
              </p>
            </div>

            {/* 第一版不实现此样式 */}
            {/* <div className="bottomwh">
              <div className="flolf headwh"></div>
              <div className="flolf namewh" >{this.props.status.classinfo.summaryTabVo.myTeacherVo.teacherName}</div>
            </div> */} 
            <Link to={"/admin/analysis/"} className="flolf review" >
            <button  className="btn btn-primary report" >查看报告</button>
            </Link>
          </div>
        </div>
    )
  }
}
export default CourseSection
